<!DOCTYPE HTML>
<html lang="ja" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>住宅総合館</title>
<%include file="_meta.html" />
<meta name="paneo-field-text" content=""/>
<meta name="paneo-field-img" content="catchimg:キャッチ画像"/>
</head>
<body class="free">

<!-- page header xx start -->
<header class="noprint">
<%include file="_header.html" />
</header>
<!-- page header xx end -->

<div id="headline"></div>

<div id="container">
    <div id="contents" class="clearfix">
<% article = AT.GetArticle('special') %>
<section id="special">
<div class="backcolor">
    <div class="outer">
        <div class="color"></div>
        <div class="cover"><img src="/common/img/special_headericon.png" /></div>
    </div>
</div>
<div class="header_box">
    <div class="headcover">
        <div class="header">
        <div><img src="/common/img/special_top.png"></div>
        <h1>知っててよかった家づくりトレンド</h1>
        <h2>家づくりの基本から税金対策、購入資金計画、老後の生活設計まで最近の<br />家づくりトレンドをサーチ＆ピックアップしています。</h2>
        </div>
    </div>
</div>


    <div id="specialbox_row" class="row document">
    <div class="threefifth"><!-- left -->
    <!-- TOPタイトル&特集記事. -->
    <a name="special" class="bookmark" title="特集記事"></a>
    <% article = AT.GetArticle('special') %>
    <header>
    <img src="" data-paneo-type="img" data-paneo-name="mainpic" title="メイン画像" alt="メイン画像"/>
    </header>
    <section>
    <!--
    <hgroup>
    <h1>${post.title}</h1>
    </hgroup>
    -->
    <article data-paneo-type="textarea" data-paneo-name="textbox" title="特集記事コンテンツ">
    ここにコンテンツを入力します。
    </article>
    </section>

    <!-- 特集記事 -->
    <section id="special_banner">
    <% specials= AT.GetArticle('special') %>
    <ul class="block-three">
    %for contents in specials.GetPostsByUpdated(3) :
    <li>
    <figure class="paneoimg">
        <a href="/article/${contents.slug}.html">
        ${ contents.GetImageTag('catchimg','965x0') } 
        </a>
        <figcaption>
        <a href="/article/${contents.slug}.html">
	        ${ contents.header }
        </a>
        <span class="next"><a href="/article/${contents.slug}.html">>></a></span>
        </figcaption>
    <figure>
    </li>
    %endfor
    </ul>
    </special>
    </div><!-- left -->

    <div id="topright" class="twofifth"><!-- right -->

        <!-- 工務店紹介 xx ST -->
        <a name="builder" class="bookmark" title="工務店"></a>
        <% builders = AT.GetArticle('builder') %>
        <section id="builder">
        <div class="header_box">
            <div class="header">
                <h2>${builders.header}</h2>
                <div class="ph">${builders.lead}</div>
            </div>
        </div><!-- #header_box -->
        <ul class="block-three">
        %for contents in builders.GetPostsByUpdated(22) :
        <li>
        <figure class="paneoimg">
            <a href="/article/${contents.slug}.html">
            ${ contents.GetImageTag('personpic','320x320') } 
            </a>
            <figcaption>
                <h3>${ contents.GetField('name') }</h3>
                <div class="hp_link_box">
                <a class="hp_link" href="${contents.GetField('homepage','href')}">ホームページへ</a>
                </div>
                <!--<p>${ contents.GetField('text1') }</p> -->
            </figcaption>
        <figure>
        </li>
        %endfor
        </ul><!-- .block-three -->
        </section><!-- #builder -->
        <!-- 工務店紹介 xx EN -->

    </div>

    </div><!-- div#specialbox_row -->

    <%include file="sogokan_bigfooter.html"/>
</special>
    </div><!-- /#contents -->
</div><!-- /#container -->

<!-- page footer -->
<%include file="_footer.html"/>
<%include file="_anchor_navi.html"/>

</body>
</html>




